<template>
  <div >
    <h1>学校名字:{{name | mySlice}}</h1>
    <h2>学校地址:{{address}}</h2>
    <br/>
    <button @click="showHello">点我调用hello</button>
</div>
</template>

<script>
    //局部混合
    // import {mixin, mixin2} from '../mixin'
    export default {
        name: "SchoolInfo",
        data() {
            return {
                name: "尚硅谷atguigu",
                address: "北京市海淀区西二旗"
            }
        },
        methods: {
            showHello() {
                this.hello();
            }   
        }
        // mixins: [mixin, mixin2],
        /* mounted() {
            console.log("Component mounted........");
        } */
    }
</script>

<style>
    
</style>